<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>定位测试</title>
	<style>
        @keyframes animate {
            0%{
                width: 0;
            }
            100%{
                width: 100%;
            }
        }
		.first {
			float: left;
			width: 150px;
			height: 150px;
			background-color: pink;
			position: absolute;
		}
		.second {
			float: left;
			width: 150px;
			height: 150px;
			background-color: #ff8500;
			animation: animate 8s linear infinite;
			position: absolute;
		}
	</style>
</head>
<body>
<div>
  <div class="first">我是一个盒子</div>
  <div class="second">我是第二个盒子</div>
</div>
</body>
</html>